<template>
    <div id="withdraw-success" class="bg-account">
        <div class="con-wrap bg-f success-top">
            <van-steps direction="vertical" :active="detailInfo.active">
                <van-step class="withdraw-step">
                    <h3>发起提现申请(¥{{ detailInfo.money }})</h3>
                    <p>{{ detailInfo.created_at }}</p>
                </van-step>
                <van-step class="withdraw-step">
                    <h3>管理员处理中</h3>
                    <p>{{ detailInfo.updated_at }}</p>
                </van-step>
                <van-step class="withdraw-step">
                    <h3>{{ detailInfo.active_text }}</h3>
                    <p>{{ detailInfo.updated_at }}</p>
                </van-step>
            </van-steps>
        </div>
        <img src="/statics/home/images/hr-img.png" alt="hr" class="hr-img">
        <div class="con-wrap flex-nowrap bg-f success-bottom">
            <div class="success-left">
                <p>提现金额：</p>
                <p>手续费：</p>
                <p>发起时间：</p>
                <p>到账账户：</p>
            </div>
            <div class="success-right success-right-2">
                <p class="color-red">￥{{ detailInfo.money }}</p>
                <p class="color-main">￥{{ detailInfo.handing_fee }}</p>
                <p>{{ detailInfo.created_at }}</p>
                <p>{{ detailInfo.user_account }}</p>
            </div>
        </div>
        <a href="#/withdraw/list" class="btn-1 btn-1-main">完成</a>
        <div class="btn-1 mt20" @click="back()">返回</div>
    </div>
</template>


<script>
export default {
    name: 'WithdrawSuccess',
    data() {
        return {
            detail_id:0,
            detailInfo:{
                pay_type:1,
                order_sn:'',
                created_at:'',
                updated_at:'',
                active:1,
                active_text:'处理中',
                money:'',
                handing_fee:'',
                pay_type_text:'',
                status:0,
                user_account:'',
            }
        }
    },
    created() { 
        this.detail_id = this.$route.params.id;
        this.$api.withdraw.detail({detail_id:this.detail_id}).then(res => {
            this.detailInfo = res.result
        }).finally(e => {});
    },
    methods: {
        back(){
            this.$router.go(-1)
        },
    }
}
</script>
